<template>
	<view>
		<view id="3d">
			<view class="b1">
				<image src="./电次2.png" mode=""></image>
					<text class="bt">3D</text>
					<text class="mc">3D展厅名称</text>
			</view>
			<view class="b1">
				<image src="./电次2.png" mode=""></image>
					<text class="bt">3D</text>
					<text class="mc">3D展厅名称</text>
			</view>
			<view class="b1">
				<image src="./电次2.png" mode=""></image>
					<text class="bt">3D</text>
					<text class="mc">3D展厅名称</text>
			</view>
<view class="b1">
				<image src="./电次2.png" mode=""></image>
					<text class="bt">3D</text>
					<text class="mc">3D展厅名称</text>
			</view>
<view class="b1">
				<image src="./电次2.png" mode=""></image>
					<text class="bt">3D</text>
					<text class="mc">3D展厅名称</text>
			</view>
			<view class="b1">
				<image src="./电次2.png" mode=""></image>
					<text class="bt">3D</text>
					<text class="mc">3D展厅名称</text>
			</view>
		</view>
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
uni-view, uni-text{
		width: 100%;
		height:100%;
		display: flex;
		flex-direction:row;
		flex-wrap: wrap;
	}
.b1 {
	border-radius:10px ;
	width: 40%;
	height: 40%;
	margin-left: 7%;
	margin-top:5% ;
	overflow: hidden;
	position: relative;
}
.b1 image{
	width: 100%;
	height: 350rpx;
}
.bt{
	display: block;
width: 60px;
text-align: center;
line-height: 30px;
height: 30px;
position: absolute;
background: #DD6161;
color: #fff;
border-radius: 8px;
font-size: 18px;
top: -5px;
left: -5px;
}
.mc{
	position: absolute;
	top: 85%;
	left: 15px;
	color: #fff;
	font-size: 16px;
}
</style>
